
body {
	background-color: #9ac;
}

H1 {
	background-color: #444;
	color: #fff;
	font-weight: normal;
	padding: 10px 20px 10px 20px;
	letter-spacing: 4px;
	border: 3px #555 solid;
}

A {
	color: #c00;
}

a img {
	border: none;
}



/*******************************************************
	forms
*******************************************************/

FIELDSET LABEL {
	clear: left;
	float: left;
	width: 120px;
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
}

FIELDSET INPUT, FIELDSET SELECT, FIELDSET TEXTAREA {
	float: left;
	margin-bottom: 10px;
	width: 40%;
}

FIELDSET TEXTAREA {
	width: 60%;
	height: 200px;
}

FIELDSET INPUT[type=submit] {
	margin-left: 130px;
	clear: left;
	padding: 3px 10px 3px 10px;
	font-weight: bold;
	width: auto;
}

fieldset select.datefield {
	width: 13%;
}





/*******************************************************
	tables
*******************************************************/

TABLE {
	width: 100%;
}

TABLE TR {
	background-color: #fff;
}

TABLE TR:hover {
	background-color: #000;
	background-color: #fda;
}

TABLE TH {
	border: 2px #555 solid;
	background-color: #444;
	color: #fff;
	font-weight: normal;
	padding: 3px 8px 3px 8px;
 	text-align: center;
}
 
TABLE TD {
	border: 1px #000 solid;
 	text-align: center;
 	font-size: 0.8em;
}

table th.link, table td.link {
	background-color: #9ac;
	border: inherit;
	white-space: nowrap;
}


/*******************************************************
	main page elements
*******************************************************/

.clear {
	clear: both;
}



/*******************************************************
	smutty/modelShow field data
*******************************************************/

.field .name {
	clear: left;
	float: left;
	width: 180px;
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
	margin: 2px;
}

.field .value {
	float: left;
	margin: 2px 2px 10px 2px;
	padding: 2px 10px 2px 10px;
	background-color: #fff;
}